<template>
    <audio controls="controls">
	  <source v-for="(item,index) in items" :src="item.src" :type="item.type" >
	  <!-- Your browser does not support the audio tag. -->
	</audio>
</template>

<script>
export default {
  name: 'music',
  props:{
  	items:{	
      type: Array,
      default:[]
  	}
  },
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
